@charset "utf-8";
/* CSS Document */
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#333333;overflow-x:hidden;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#333;font-size:12px;text-decoration:none;}
a:hover{color:#FFBB00;text-decoration:none;}
.clearfix{zoom:1;}
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.clear{clear: both;}
.center{margin:auto;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.sbj2{margin-top: 30px;margin-bottom: 30px;}
.fl{float:left;}
.fr{float:right;}
.topnav{width: 100%;background-color: rgba(0,0,0,0.5);position: absolute;top: 0px;z-index: 19999;}
.logo{float: left;padding: 23px 0px;height: 59px;width: 420px;}
#nav{float: left;background: url(../images/line.png) no-repeat right center;height: 102px;line-height: 102px;}
#nav li{float:left;text-align:center;}
#nav li a{line-height:105px;display:block;height:105px;text-align:center;font-size:16px;color: #fff;}
#nav li:hover{text-decoration:none; height:105px;}
#nav li:hover a{color: #FFBB00;}
#nav li dl{list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;background-color: #ffbb00;}
#nav li dl dt{height:36px;line-height:36px;border-bottom: 1px solid #000;}
#nav li dl dt a{font-size:13px;height:36px;line-height:36px;color: #000!important;font-weight: normal!important;}
#nav li dl dt a:hover{font-size:14px;font-weight:bold!important;transition:all 0.3s ease-in-out 0s;}
#nav li:hover dl{left:auto;}
.currr{border-bottom:3px solid #FFBB00;height:102px!important;color: #FFBB00;}
.search1{width: 24px;float: right;margin-top: 40px;}
.company{width: 47%;float:left;margin-right: 3%;margin-top:80px;}
.company span{width: 56px;height: 2px;background-color: #ffbb00;display: inline-block;margin:10px 0px 20px 0px;}
.company ol{font-size: 20px;margin-bottom: 10px;}
.company p{color: #777777;font-size: 14px;line-height: 30px;}
.company dl{width: 150px;height: 40px;line-height: 40px;background-color: #ffbb00;text-align: center;margin-top: 20px;}
.company dl a{color: #fff;font-size: 16px;}
.company dl:hover{background-color: #333;border-radius: 10px;}
.ys{width: 50%;float: right;display: flex;flex-wrap: wrap;justify-content:center;}
.ys dl{width: 50%;}
.ys dl:nth-child(1),.ys dl:nth-child(4){background-color: #F6F6F6;text-align: center;padding-top:5%;}
.ys dl li img{width: 100%;height: 100%;transition: all 0.6s;}
.ys dl p{font-size: 16px;color: #333333;line-height: 26px;}
.ys dl li{overflow: hidden;display: inline-table;font-size: 0px;}
.ys dl dt img{transition: all 0.6s;}
.ys dl:hover dt img{transform: rotate(360deg);}
.ys dl:hover li img{transform: scale(1.3);}
.title{text-align: center;}
.title li{color: #eeeeee;font-weight: bold;font-size:36px;text-transform: uppercase;}
.title p{font-weight: bold;font-size: 28px;margin-top: -30px;}
.title span{display: inline-block;background-color: #FFBB00;width: 40px;height: 3px;margin:5px auto 0px auto;}
.cpzs .hd ul {display: flex;justify-content:center;align-items: center;flex-wrap: wrap;background-color: #4a4a4a;}
.cpzs .hd ul li {width:calc(12.5% - 1px);line-height:58px;text-align: center;position: relative;border-right: 1px solid #5C5C5C;}
.cpzs .hd ul li:last-child{width: 12.5%;border-right:none;}
.cpzs .hd ul li a {color: #fff;font-size: 15px;}
.cpzs .hd ul li.on {background: #ffbb00;}
.cpzs .hd ul li.on a {color: #ffffff;}
.cpzs .hd ul li::after {width:24px;height: 10px;position: absolute;content: "";background: url(../images/cp.png);bottom: -10px;left: 50%;margin-left: -13px;opacity: 0;}
.cpzs .hd ul li.on::after {opacity: 1;}
.cpzs .bd{margin-top:40px;}
.cpzs .bd ul ol{float:left;margin-bottom: 20px;margin-right: 12px;background-color:#f7f7f7;border-radius:5px;}
.cpzs .bd ul ol:nth-child(4n){margin-right: 0px;}
.cpzs .bd ul ol dt a{overflow: hidden;display: inline-block;}
.cpzs .bd ul ol dt a img{transition: all 0.8s;width: 100%;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.cpzs .bd ul ol:hover dt a img{transition: all 0.8s;transform: scale(1.3);border-top-left-radius: 5px;border-top-right-radius: 5px;}
.cpzs .bd ul ol p {line-height: 56px;transition: all 0.8s;margin: 0px 10px;background: url(../images/jt.png) no-repeat right center;}
.cpzs .bd ul ol p a{font-size: 16px;}
.cpzs .bd ul ol:hover{background-color:#ffbb00;} 
.cpzs .bd ul ol:hover p{background: url(../images/jt1.png) no-repeat right center;}
.cpzs .bd ul ol:hover p a{color: #fff;}
.more{width: 270px;height: 35px;line-height: 35px;background-color: #ffbb00;text-align: center;border-radius:15px;margin: 20px auto 0px auto;}
.more a{color: #fff;font-size: 14px;}
.more:hover{background-color: #333;border-radius:25px;}
#xwzxn{width: 100%;background-color: #f8f8f8;padding:55px 0px;}
.xwzx1{width: 48%;float: left;margin-right: 4%;}
.title1{text-align: center;}
.title1 li{font-size: 24px;font-weight: bold;}
.title1 p{text-transform: uppercase;color: #777777;font-size: 13px;}
.xwzx2{width: 48%;float: left;}
.xwzx1 .tabli {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.xwzx1 .tabli li{color: #888888;font-size: 16px;width: 30%;text-align: center;background-color: #eeeeee;height: 40px;line-height: 40px;}
.xwzx1 .tabli li a{color: #888888;font-size: 16px;padding: 0px 10px;}
.xwzx1 .tabli li.cur{background-color: #ffbb00;}
.xwzx1 .tabli li.cur a{color: #fff;}
.xwzx1 .tab {display: none;}
.h-news-c a {display: block;border: 1px solid #E5E5E5;margin-bottom: 20px;background-color: #fff;padding-right: 5px;}
.h-news-c a:last-child {margin-bottom: 0px;}
.h-news-c .pic {width:260px;overflow: hidden;}
.h-news-c .pic img {width: 100%;height:195px;transition: all .6s;}
.h-news-c .news-c-con {margin-left:270px;}
.news-c-con li {color: #333;font-size: 16px;padding: 15px 0 16px;font-weight: bold;transition: all 0.8s;}
.news-c-con .newscon {color: #777777;font-size: 14px;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.h-news-c a:hover img {transform: scale(1.1);}
.h-news-c a:hover li {color: #ffbb00;padding-left:10px;}
.h-news-c a:hover p{color:#ffbb00;}
.h-news-c a p{color: #777777;font-size: 15px;margin-top: 10px;}
.h-news-c a p span{float: right;color: #777777;font-size: 14px;}
.xwzx2 .tabli {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.xwzx2 .tabli li{color: #888888;font-size: 16px;width: 30%;text-align: center;background-color: #eeeeee;height: 40px;line-height: 40px;}
.xwzx2 .tabli li a{color: #888888;font-size: 16px;padding: 0px 10px;}
.xwzx2 .tabli li.cur{background-color: #ffbb00;}
.xwzx2 .tabli li.cur a{color: #fff;}
.xwzx2 .tab {display: none;}
/*footer*/
.footer{ width:100%; background: linear-gradient(to right,#000000 0%,#000000 40%,#2d2d2d 40%,#2d2d2d 100%);color: #888888;padding:45px 0px 0px 0px;}
.footer a:hover{color:#ffbb00;}
.footer a{color:rgba(255,255,255,0.6);}
.dblogo{width:36%;float: left;text-align: center;margin-right:5%;}
.dblogo li{border-bottom: 1px solid #ffbb00;padding-bottom: 10px;margin-bottom: 10px;}
.footer .icon {width:35px;height: 35px;display: inline-block;margin:10px 26px 0px 26px;cursor: pointer;}
.footer .icon.mail {background: url(../images/3.png) no-repeat;background-size: 100% 100%;margin-left: 0;}
.footer .icon.wechat {background: url(../images/4.png) no-repeat;background-size: 100% 100%;}
.footer .icon.pyq {background: url(../images/5.png) no-repeat;background-size: 100% 100%;}
.footer .icon.qq {background: url(../images/6.png) no-repeat;background-size: 100% 100%;}
.footer .icon.qzone {background: url(../images/7.png) no-repeat;background-size: 100% 100%;}
.back-top {width: 50px;height: 50px;color: #fff;background-color: hsla(0,0%,60.8%,.8);position: fixed;z-index: 9999;bottom: 10px;right: 10px;cursor: pointer;display: none;text-align: center;}
.back-top img{margin-top: 18px;}
.footright{width: 59%;float: right;}
.footright dl{float: left;border-right: 1px solid #424242;width:40%;margin-right: 2%;}
.footright dl p{color: #fff;font-weight: bold;font-size:18px;margin-bottom: 10px;}
.footright dl dt{width:33.333%;float: left;line-height:36px;}
.footright dl dt a{font-size: 14px;}
.footright ul{float: left;width:calc(58% - 1px);}
.footright ul p{color: #fff;font-weight: bold;font-size:18px;margin-bottom: 10px;}
.footright ul li{line-height:36px;font-size: 14px;width: 50%;float: left;}
.footright ul li:last-child{width: 100%;}
.footright dd{border-top: 1px solid #424242;text-align: center;margin-top: 10px;font-size: 14px;line-height: 36px;}
/*内页样式*/
.mup{width: 100%;background-color: #EFEFEF;border-bottom: 1px solid #DFDEDE;height: 42px;line-height: 42px;font-size: 14px;}
.mup img{margin-right: 5px;}
.mup span{float: right;}
.mup span a{font-size: 16px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 1px solid #ccc;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:40px;height: 3px;background-color: #ffbb00;margin:8px auto 0px auto;}
.nr{line-height:32px;font-size:15px;color: #333;}
.nr a{font-size: 15px;}
.nrr{line-height:32px;font-size:15px;color: #333;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/icon3.png) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;transition:all .2s ease;}
.inews ul li a:hover{color: #ffbb00;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
.pubdate{text-align: center;font-size:16px;width: 80%;margin: 10px auto 15px auto;}
.right{float: left;}
.icpfl{width: 240px;float: left;margin-right:20px;background-color: #f3f3f3;}
.icpfl ul{color: #fff;font-size: 22px;text-align: center;background-color: #ffbb00;height: 50px;padding:20px 0px;}
.icpfl ul p{font-size: 12px;text-transform: uppercase;}
.icpfl li{height:50px;line-height:50px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:20px;}
.icpfl li a{font-size:15px;}
.icpfl li:hover{transition:all .2s ease; text-indent:30px;background-color:#333;}
.icpfl li:hover a{color:#fff;}
.icpfl dl{background-color: #ffbb00;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}
.icpfl dt{padding: 0px 5px;line-height: 32px;font-size: 14px;}
/*---------在线留言---------*/
.message{line-height:24px;width: 630px;margin: 0px auto;}
.message dt{float:left;clear:both;width:80px;margin-left:20px;height:30px;margin-top:10px;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:24px;height:24px;}
.message p{clear:both;margin-left:200px;}
.sub{height:30px;width:60px;display:block;float:left;margin-left:30px;}
/*---------新闻列表页---------*/
.tittle{text-align: center;font-size:24px;font-weight: bold;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #ffbb00;font-weight: bold;}
.page{text-align: center;margin: 10px auto 0px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #ffbb00;border: 1px solid #ffbb00;}
.page li:hover a{color: #fff;}
.curr{background-color: #ffbb00;color: #fff;border: 1px solid #ffbb00!important;}
.sub{height:40px!important;width:120px;float:left;margin-left:30px;margin-top: 30px;border:0px;background-color: #ffbb00;text-align: center;color: #fff;line-height: 40px!important;font-size: 14px;}
.tittle6 {text-align: center;font-size: 24px;font-weight: bold;}
@media screen and (max-width:1399px){
.moddle{ width:1200px;}
.slide_nav{top:25%;}
#nav{width:660px;margin-left:70px;}
#nav li{width:110px;}	
#nav li dl{width:160px;margin-left: -25px;}
.cpzs .bd ul ol dt{width:291px;}
.cpzs .bd ul ol dt a img{height:210px;}	
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:232px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:230px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:230px;height:230px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #ffbb00;}
.right{width:940px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:226px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:224px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:224px;height:224px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #ffbb00;}
}
@media screen and (min-width:1400px){
.moddle{ width:1400px;}	
#nav{width:660px;margin-left:270px;}
#nav li{width:110px;}	
#nav li dl{width:160px;margin-left: -25px;}
.slide_nav{top:40%;}
.cpzs .bd ul ol dt{width:341px;}
.cpzs .bd ul ol dt a img{height:250px;}	
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #ffbb00;}
.right{width:1140px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:276px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:274px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:274px;height:274px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #ffbb00;}
}
.search{width: 760px;position: relative;margin: 0px auto;}
.search input{width:calc(100% - 35px);height: 60px;outline: none;border: 1px solid #d6d6d6;border-radius: 5px;padding-left: 30px;font-size: 18px;}
.search button{position: absolute;right: 0;top: 0;width: 145px;height: 100%;background-color: #ffbb00;border-top-right-radius: 5px;border-bottom-right-radius: 5px;text-align: center;line-height: 60px;font-size: 30px !important;color: #282828;cursor: pointer;border: 0px;outline: none;}
.wz{width: 760px;position: relative;margin:10px auto 0px auto;color: #8C8C8C;}
.wz span{color: #ffbb00;}
.news ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.news ul li{line-height: 32px;height: 32px;}
.news ul li a{ padding-left:20px;font-size:16px;transition:all .2s ease;}
.news ul li a:hover{color: #ffbb00;margin-left: 5px;}
.news ul li span{float:right;}
.news ul p{color:#999;}